@charset "utf-8";
*{text-overflow: ellipsis;}
html { }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:14px;background:#FFF; color:#666666; font-family:"微软雅黑","思源黑体 CN";}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
a {
	text-decoration: none;
	outline:none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px; background:#1c3a6c; cursor:pointer;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00} 

/*header头部的CSS布局*/

.main_box{width:1400px;margin:0 auto;padding:0;}


.header{ height:84px; overflow: hidden; padding: 25px 0 5px;}
.header .logo{ width: 614px; height:auto; overflow: hidden; float: left;}
.header .logo img{ max-width: 100%;}


.header .app_logo{ width:180px; height:46px; overflow: hidden; float: left; display: none;}
.header .app_logo img{ max-width: 100%;}




.header .h_rt{ width: 386px; float: right; margin: 16px 0 0;}
.header .h_rt .h_tel{ width: aotu; height: 44px; overflow:hidden; float: left; background: url(../images/h_tel.png) left no-repeat;}
.header .h_rt .h_tel b{ display: block; font-size: 24px; color: #61ad33; padding: 10px 0 0 57px;word-break: break-all;white-space:nowrap;overflow:hidden;}

.header .h_rt .h_lan{ width: 60px; height: 26px; line-height: 26px; float: right; background: url(../images/h_lan.png) left no-repeat; padding-left: 32px; margin-top: 15px;}
.header .h_rt .h_lan a{color: #888;}

.header .app_en{float: right; display: none; width:34px; height:34px; line-height: 34px; border-radius: 100%; background: #7a7a7a; margin: 8px 5px 0 0;}
.header .app_en a{ display: block; color: #fff; font-size: 12px; line-height: 34px; text-align: center;}




.h_nav{  height: 50px; background: url(../images/nav_bg.png) center no-repeat;}
.h_nav ul{ margin: 0; padding: 0; text-align: center;}
.h_nav ul li{ width:175px; text-align: center; line-height: 50px; float: left; position: relative; /* background: url(../images/h_nav_line.png) no-repeat right center;*/}
.h_nav ul li a{ font-size: 16px; color: #FFF; display: block;transition:0.5s;}
.h_nav ul li a:hover{ width:100%;  color: #FFF;}

.h_nav ul li:first-child{ background: url(../images/h_nav_icon.png) 20px 16px no-repeat;}


.h_nav ul li ul{position:absolute;z-index:99999;width:80%;top:58px; left:30px; background-color:#61ad33;;text-align:left;opacity:0;padding:5px 25px 15px; visibility:hidden; transition:0.3s; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.h_nav ul li ul li{width:100%;height:auto;display:block;line-height:30px; float:none; background: none; padding:3px 0; margin:0; border-bottom: 1px dashed rgba(255,255,255,0.2)}
.h_nav ul li ul li a{display:block; font-size:14px; color: #FFF; text-align: left;}
.h_nav ul li:hover ul li a{ color: #FFF;}
.h_nav ul li:hover ul{opacity:1;visibility:visible;top:50px;}
.h_nav ul li ul li a:hover{ text-decoration: underline;}


.h_nav ul li ul li:first-child{ background: none;}




/*banner的CSS布局*/
.banner{ width:100%; height:650px; overflow:hidden; position:relative;}

.banner .hd{ height:18px; overflow:hidden; position:absolute;right:0; left: 0; width:120px; margin: 0 auto; bottom:25px;z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{ float:left; margin: 0 8px; width:8px; height:8px; text-align:center; border:2px solid #fff; cursor:pointer;border-radius:100%; }
.banner .hd ul li.on{ background:#fff;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{}
.banner .bd li a .img{ width:100%;height:700px; background-position: center top; background-repeat: no-repeat; }
.banner .bd li a .img img{ max-width: 100%;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; top:45%;display:block; width:50px; height:100px; opacity: 0.8; transition: 0.5s;}
.banner .next{ left:auto; right:4%; background:url(../images/slider_arrow_rt.png) 0 0 no-repeat;}
.banner .prev{ left:4%; right:auto; background:url(../images/slider_arrow_lt.png) 0 0 no-repeat;}

.banner .prev:hover,
.banner .next:hover{opacity: 1;}



.app_banner_box{ position:relative; margin:0 auto; width:100%; overflow:hidden;display: none; }
.app_banner_box .hd { position: absolute; bottom:12px; width: 100%; height: 10px; }
.app_banner_box .hd ul { width: 100%; text-align: center; }
.app_banner_box .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_banner_box .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }
.app_banner_box .bd{ position:relative; z-index:0; }
.app_banner_box .bd li{ position:relative; text-align:center;  }
.app_banner_box .bd li img{ vertical-align:top; width:100%; }
.app_banner_box .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }


@media (max-width:1500px){
	.main_box{width:1200px;}
	.h_nav{  height: 50px; background:none; background-color: #91c671;}
	.h_nav ul li{ width:150px;}
	.h_nav ul li ul{width:100%;}
	
	.banner .next{ right:1%;}
	.banner .prev{ left:1%;}
}

@media (max-width:720px){
	.header{ height:auto; overflow: hidden; padding: 10px 0;}
	
	.main_box{ width:96%; padding:0 2%;}
	
	.header .logo,.header .h_rt{ display: none;}
	.header .app_logo,.header .app_en{ display: block;}
	
	.header .morenav{ float:right; display:block; background:#91c671 url(../images/app_nav_line.png) no-repeat center; width:34px; height:34px; border-radius: 100%; margin-top: 8px;}
	.header .navon{height:52px;}

	.mm-pagedim-black #mm-blocker { opacity: 0; }
	.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
	.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}

	.h_nav{ display: none;}
	.banner{ display: none;}
	.app_banner_box{ display: block; }	
		
	
}


.key_search_box{ height: auto; overflow: hidden; padding: 20px 0; background: url(../images/key_search_bg.jpg) center repeat-y;}

.key_search_box .key_lt{ width: 870px; float: left; line-height: 30px; padding:6px 0 0;}
.key_search_box .key_lt font{ color: #666666; font-size: 14px; float: left;}
.key_search_box .key_lt a{ display: block; float: left; padding: 0 8px; color: #888; transition: 0.5s;}
.key_search_box .key_lt a:hover{ color: #666; text-decoration: underline; transition: 0.5s;}

.key_search_box .search_lt{ width:350px; float: right;}
.key_search_box .search_lt  .s_lt {width: 305px;height: 42px;overflow: hidden; float: left;}
.key_search_box .search_lt  .s_lt input {width: 305px;height: 41px;line-height: 41px;padding: 0 10px;background: #FFF; color: #bebebe;}
.key_search_box .search_lt  .s_rt {width: 44px;height: 42px;float: left;}



@media (max-width:1500px){
	
	.key_search_box .search_lt{ width:300px;}
	.key_search_box .search_lt  .s_lt {width: 255px;}
	.key_search_box .search_lt  .s_lt input {width: 255px;}
	
}

@media (max-width:720px){
	
	.key_search_box{ padding: 20px 0; background:none; background-color:#f3f3f3;}
/*	.key_search_box .key_lt{ width: 100%; height: auto; overflow: hidden; float: none; line-height: 24px; padding:0;}
	.key_search_box .key_lt a{ padding-right: 8px; font-size: 13px;}*/
	
	.key_search_box .key_lt{ display: none;}
	.key_search_box .search_lt{ width:100%; float: none; height: auto; overflow: hidden;}
	.key_search_box .search_lt  .s_lt {width: 85%;}
	.key_search_box .search_lt  .s_lt input {width: 100%;height: 42px;line-height: 42px;padding: 0 10px;}
	.key_search_box .search_lt  .s_rt {width: 15%; background: #333333;}
	
}



.i_title{ height: auto; overflow: hidden; text-align: center;  padding-bottom: 35px;}
.i_title b{ display: block; font-size: 40px; color: #61AD32; line-height: 60px; padding: 20px 0 0;}
.i_title span{ display: block; font-size: 16px; color: #888;}
.product_t_bg{ background: url(../images/product_t_bg.png) no-repeat center top;}
.adv_t_bg{ background: url(../images/adv_t_bg.png) no-repeat center top;}
.news_t_bg{ background: url(../images/news_t_bg.png) no-repeat center top;}
.about_t_bg{ background: url(../images/about_t_bg.png) no-repeat center top;}

.app_more{ width: 86px; background:#fff url(../images/n_more_bg1.png) 88px center no-repeat;padding:5px 20px; margin:20px auto 0; border: 1px solid #91c671;}
.app_more a{ color: #91c671; font-size: 16px;}




@media (max-width:720px){
	
	.i_title{ height: auto; overflow: hidden; text-align: center;  padding-bottom: 15px;}
	.i_title b{ display: block; font-size: 26px; color: #91c671; line-height:44px; padding: 0;}
	.i_title span{ display: block; font-size: 14px; color: #888;}
	.product_t_bg{ background: none;}
	.adv_t_bg{ background:none;}
	.news_t_bg{ background:none;}
	.about_t_bg{ background:none;}
	
}



.product_box{ height: auto; overflow: hidden; margin: 60px 0;}


.product_lt{ width: 280px; float: left;}
.product_lt .pro_list{ height: auto; overflow: hidden;}
.product_lt .pro_list .pro_t{ height: 150px; background: url(../images/pro_list_t_bg.jpg) center no-repeat;}
.product_lt .pro_list .pro_t b{ display: block; font-size: 40px; color: #fff; padding: 60px 0 0 32px;}
.product_lt .pro_list ul{ margin: 0; padding: 0;}
.product_lt .pro_list ul li{ height: 54px; line-height: 54px; background-color: #f3f3f3; margin-bottom: 3px; transition: 0.5s; background-repeat: no-repeat; background-position: 228px top;}
.product_lt .pro_list ul li a{ color: #666; font-size: 18px; padding-left: 36px;}
.product_lt .pro_list ul li:hover,.product_lt .pro_list ul li.hover{ background-color: #91c671; background-position: 228px bottom; transition: 0.5s;}
.product_lt .pro_list ul li:hover a,.product_lt .pro_list ul li.hover a{ color: #FFF;}

.product_lt .pro_con{ height: auto; overflow: hidden; background: #f3f3f3 url(../images/contact_bg.png) no-repeat center bottom; padding: 40px 20px 50px 28px;}
.product_lt .pro_con .con_img{ width: 213px; height: 44px;}
.product_lt .pro_con .con_desc{ line-height: 34px; font-size: 16px; padding: 20px 0;}




.product_rt{ width: 1075px; float: right;}

.product_img{ height: auto; overflow: hidden;}
.product_img .hd{ line-height:46px; height:46px;position:relative; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece;}
.product_img .hd .more{ float:right; width: 86px; background: url(../images/n_more_bg.png) right center no-repeat;padding-left: 10px;}
.product_img .hd .more a{ color: #888;}
.product_img .hd ul{ z-index:5; position:absolute; overflow:hidden; zoom:1;}
.product_img .hd li{ float:left; cursor:pointer; font-size: 16px; padding:0 30px; margin-bottom: 10px; background: url(../images/pro_nav_line.jpg) right center no-repeat;}
.product_img .hd li.on{ color:#91c671; }
.product_img .hd li:last-child{ background: none;}
.product_img .hd li:first-child{ padding-left: 0;}

.product_img .bd{clear:both; position:relative; height: auto; overflow: hidden; margin-top: 20px;}
.product_img .bd ul{ margin: 0; padding: 0; height: auto; overflow: hidden;}
.product_img .bd ul li{ width: 240px; height: auto; overflow: hidden; float: left; margin-right: 26px;}
.product_img .bd ul li a{ color: #888; font-size: 16px;}
.product_img .bd ul li a .p_img{ width: 200px; height: 158px; overflow: hidden; padding: 20px; background: #f3f3f3;transition: 0.5s;}
.product_img .bd ul li a .p_img img{ max-width: 100%;}
.product_img .bd ul li a font{ display:block; padding: 12px 0; line-height: 30px; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.product_img .bd ul li:hover a .p_img { background: #91c671; transition: 0.5s;}
.product_img .bd ul li:hover a{ color: #91c671; }




@media (max-width:1500px){
	
	.product_lt{ width: 260px; float: left;}
	.product_lt .pro_list{ height: auto; overflow: hidden;}
	.product_lt .pro_list .pro_t b{padding: 60px 0 0 25px;}
	.product_lt .pro_list ul li{ background-position: 212px top;}
	.product_lt .pro_list ul li:hover{background-position: 212px bottom;}
	.product_lt .pro_list ul li a{ padding-left: 25px;}
	.product_lt .pro_con{ padding: 40px 20px 30px 28px;}
	.product_rt{ width: 900px;}
	.product_rt .bd{ height: 670px;}
	.product_rt .bd ul li{ width: 220px; margin-right: 5px;}
	.product_rt .bd ul li a .p_img{ padding: 10px;}
	
}



.app_product_img{ height: auto; overflow:hidden; display: none; }
.app_product_img .hd{ height:46px; line-height:46px; font-size:16px; overflow:hidden;}
.app_product_img .hd ul{  text-align: center; }
.app_product_img .hd ul li{ display: inline-block; background:#f3f3f3; margin: 0 0.5%; width: 31%;}
.app_product_img .hd ul li.on a{ color:#FFF; display:block;background:#91c671;}



.app_product_img .bd ul{ margin: 15px 0; padding: 0; height: auto; overflow: hidden; }
.app_product_img .bd ul li{ width: 48%; height: auto; overflow: hidden; float: left; margin: 0 1% 10px;}
.app_product_img .bd ul li a{ color: #888; font-size: 16px; text-align: center;}
.app_product_img .bd ul li a .app_p_img{ width: 100%; height: auto; overflow: hidden; transition: 0.5s;}
.app_product_img .bd ul li a .app_p_img img{ max-width: 100%;}
.app_product_img .bd ul li a font{ display:block; line-height: 20px; font-size: 14px; padding: 5px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.app_product_img .bd ul li:hover a{ color: #91c671; }




@media (max-width:720px){
	
	.product_box{ margin: 20px 0;}
	.product_lt,.product_img{ display: none;}
	.product_rt{ width: 100%; float: none;}
	.app_product_img{ display: block; }
	
}



.tel_box{ height: auto; overflow: hidden; background:#f1f1f1;}
.tel_box img{ max-width: 100%;}


@media (max-width:720px){
	
	.tel_box{ display: none;}
	
}




.adv_box{ height: auto; overflow: hidden; padding: 40px 0 0; background: #f1f1f1;}

.adv_img { width: 100%; overflow: hidden; }
.adv_img .adv_hd { height: 55px; line-height: 55px;}
.adv_img .adv_hd ul { margin: 0; padding: 0; }
.adv_img .adv_hd li{ float: left; width: 230px; background-color: #333333; background-repeat: no-repeat; background-position: 60px center; margin-right: 4px;}
.adv_img .adv_hd li a{ display:block; padding-left: 105px; color: #FFF; font-size: 24px; font-weight: bold;}
.adv_img .adv_hd li a:hover{ }
.adv_img .adv_hd li.on{ background-color: #91c671; position: relative; color: #FFF;}
.adv_img .adv_hd li:last-child{ margin-right:0; }


.adv_img .adv_bd { height:auto; overflow: hidden; background: #FFF; margin-top: 30px;}
.adv_img .adv_bd .adv_rt_img{ width: 700px; height: 400px; float: right; overflow: hidden;}
.adv_img .adv_bd .adv_rt_img img{ max-width: 100%;}
.adv_img .adv_bd .adv_lt{ padding: 50px; width: 600px; float: left;}
.adv_img .adv_bd .adv_lt .adv_lt_title{ height: auto; overflow: hidden;}
.adv_img .adv_bd .adv_lt .adv_lt_title .num_box{ width: 88px; height: 113px; float: left; text-align: center; line-height: 113px; background: url(../images/adv_num_bg.jpg) no-repeat;}
.adv_img .adv_bd .adv_lt .adv_lt_title .num_box b{ display: block; font-size: 44px;}
.adv_img .adv_bd .adv_lt .adv_lt_title .num_t{ width: 400px; float: left; margin-left: 40px;}
.adv_img .adv_bd .adv_lt .adv_lt_title .num_t b{ display: block; font-size: 48px; line-height: 74px; color: #666;}
.adv_img .adv_bd .adv_lt .adv_lt_title .num_t font{ display: block; font-size: 24px; line-height: 30px; color: #888;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.adv_img .adv_bd .adv_lt .adv_desc{ padding: 30px 0 0; font-size: 16px; line-height: 30px; color: #888;}



@media (max-width:1500px){

	.adv_img .adv_hd li{ width: 196px;background-position: 44px center;}
	.adv_img .adv_hd li a{ padding-left: 88px;}
	.adv_img .adv_bd .adv_lt{ padding: 40px; width: 620px; float: left;}
	.adv_img .adv_bd .adv_rt_img{ width: 500px; height: auto;}
	.adv_img .adv_bd .adv_lt .adv_desc{ padding: 20px 0 0;}
	
}


.app_adv_img{ height: auto; overflow:hidden; display: none; }
.app_adv_img .hd{ font-size:16px; height: auto; overflow: hidden;}
.app_adv_img .hd ul{  text-align: center; }
.app_adv_img .hd ul li{ display: inline-block; height:36px; line-height:36px; background:#FFF; margin: 0 0.5% 5px; width: 31%;}
.app_adv_img .hd ul li.on a{ color:#FFF; display:block;background:#91c671;}


.app_adv_img .bd{ height: auto; overflow: hidden;}
.app_adv_img .bd ul{ margin: 15px 0; padding: 0; height: auto; overflow: hidden; }

.app_adv_img .bd .app_adv_font{ height: auto; overflow: hidden; text-align: center;}
.app_adv_img .bd .app_adv_font .app_adv_title{ height: auto; overflow: hidden;}
.app_adv_img .bd .app_adv_font .app_adv_title b{ display: block; font-size: 26px; line-height: 38px; color: #333;}
.app_adv_img .bd .app_adv_font .app_adv_title font{ display: block; font-size: 16px; line-height: 24px; color: #888;}
.app_adv_img .bd .app_adv_font .app_adv_desc{ padding: 10px 0; font-size: 14px; line-height: 26px; color: #888;}



@media (max-width:720px){
	
	.adv_box{ padding: 20px 0 30px; margin: 35px auto 10px;} 	
	.adv_img { display: none;}
	.app_adv_img{ display: block;}	
	
}



.news_box{ height: auto; overflow: hidden; margin: 80px 0;}


.news_img{ width:100%;}
.news_img .hd{ line-height:30px; height:30px;position:relative; padding-right:10px; background: url(../images/n_t_line.png) 450px center no-repeat; }
.news_img .hd .more{ float:right; width: 86px; background: url(../images/n_more_bg.png) right center no-repeat; color:#888; padding-left: 10px;}
.news_img .hd .more a{ color: #888;}
.news_img .hd ul{ z-index:5; position:absolute; height:30px; line-height: 30px; overflow:hidden; zoom:1;}
.news_img .hd li{ float:left; cursor:pointer; font-size: 24px; font-weight:bold; background: url(../images/n_nav_line.png) left center no-repeat;}
.news_img .hd li.on{ color:#91c671; }
.news_img .hd li:first-child{ background: none; padding-right: 20px;}
.news_img .hd li:last-child{ padding-left: 26px;}


.news_img .bd{clear:both; position:relative; height: 330px; overflow: hidden; margin-top: 40px;}
.news_img .bd .n_lt{ width:547px; float: left; }
.news_img .bd .n_lt .n_img{ height: 200px; overflow: hidden;}
.news_img .bd .n_lt .n_img img{ max-width: 100%;}
.news_img .bd .n_lt .n_font{ line-height: 24px; color: #888; padding:16px 0 0; text-align: center;}
.news_img .bd .n_lt .n_font font{ display:block; color: #666; font-size: 18px; line-height: 30px; padding-bottom: 8px;}
.news_img .bd .n_lt .n_font a{ color: #91c671;}

.news_img .bd .n_rt {width: 790px;float: right;}
.news_img .bd .n_rt ul {margin: 0;padding: 0;}
.news_img .bd .n_rt ul li {height: auto;overflow: hidden; border-bottom: 1px solid #e3e3e3; padding: 20px 0;transition: 0.5s;}
.news_img .bd .n_rt ul li a {display: block;color: #999;}
.news_img .bd .n_rt ul li a .n_date {width:60px; float: left; padding-left: 15px;}
.news_img .bd .n_rt ul li a .n_date b {display: block;font-size:48px;color: #cacaca;line-height: 50px;}
.news_img .bd .n_rt ul li a .n_date span {display: block;color: #cacaca;font-size: 12px; line-height: 18px; letter-spacing: 2px;}
.news_img .bd .n_rt ul li a .n_desc {width:690px;float: right;}
.news_img .bd .n_rt ul li a .n_desc font {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;line-height: 36px;color: #666;}
.news_img .bd .n_rt ul li a .n_desc span {display: block;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_img .bd .n_rt ul li a .n_desc i { color: #91c671; font-style: normal;}

.news_img .bd .n_rt ul li:first-child{ padding-top: 0;}
.news_img .bd .n_rt ul li:hover{ background: #f9f9f9; transition: 0.5s;}



@media (max-width:1500px){
	.news_box{ margin: 50px 0;}
	.news_img .hd{ background: url(../images/n_t_line.png) 270px center no-repeat;}
	.news_img .bd{ margin-top: 30px;}
	.news_img .bd .n_lt{ width:500px;}
	.news_img .bd .n_lt .n_img{ height: auto; overflow: hidden;}	
	.news_img .bd .n_rt { width: 660px;}
	.news_img .bd .n_rt ul li a .n_desc {width:570px;}
	.news_img .bd .n_rt ul li:first-child{ padding-top: 0;}
}



.app_news_img{ height: auto; overflow:hidden; display: none; }
.app_news_img .hd{ font-size:16px; height: auto; overflow: hidden;}
.app_news_img .hd ul{  text-align: center; }
.app_news_img .hd ul li{ display: inline-block; height:46px; line-height:46px; background:#f3f3f3; margin: 0 0.5%; width: 48%;}
.app_news_img .hd ul li.on a{ color:#FFF; display:block;background:#91c671;}


.app_news_img .bd{ height: auto; overflow: hidden;}
.app_news_img .bd ul{ padding: 15px 0 0; margin: 0; height: auto; overflow: hidden; }
.app_news_img .bd ul li{ line-height:30px; border-bottom: 1px solid #e3e3e3;  padding: 5px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.app_news_img .bd ul li a{ color: #666;}
.app_news_img .bd ul li a font{ float: left; color: #888; padding-right: 10px;}




@media (max-width:720px){
	
	.news_box{ margin: 30px 0 20px;}
    .news_img{ display: none;}
	.app_news_img{ display: block;}
	
}



.about_box{ height: auto; overflow: hidden; padding: 60px 0; background: #f3f3f3;}

.about_box .a_rt{ width: 670px; float: right;}
.about_box .a_rt img{ max-width: 100%;}

.about_box .a_lt{ width: 675px; float: left;}
.about_box .a_lt .a_desc{ line-height: 34px; padding: 10px 0 0;}
.about_box .a_lt .a_desc a{ color: #91c671;}
.about_box .a_lt .a_icon{ height: auto; overflow: hidden; margin: 24px 0 0;}
.about_box .a_lt .a_icon ul{ margin: 0; padding: 0;}
.about_box .a_lt .a_icon ul li{ width: 250px; float: left;}
.about_box .a_lt .a_icon ul li a{ color: #666666; font-size: 18px;}
.about_box .a_lt .a_icon ul li a .icon{ width: 86px; height: 86px; float: left; background-position: top center; background-repeat: no-repeat; transition: 0.3s;}
.about_box .a_lt .a_icon ul li a font{ display: block; width: 140px; float: right; line-height: 86px;}
.about_box .a_lt .a_icon ul li:hover a font{ color: #91c671; text-decoration: underline; transition: 0.5s;}
.about_box .a_lt .a_icon ul li:hover a .icon{ background-position: bottom center; transition: 0.3s;}



@media (max-width:1500px){	
	
	.about_box .a_rt{ width: 600px;}
	.about_box .a_lt{ width: 560px;}
	.about_box .a_lt .a_desc{ line-height: 28px; padding:0;}
	.about_box .a_lt .a_icon{ margin: 18px 0 0;}
	
}


@media (max-width:720px){

	.about_box{ padding: 20px 0; margin: 35px auto 0;}
	
	.about_box .a_rt{ width: 100%; float: none; margin-top: 15px;}
	
	.about_box .a_lt{ width: 100%; float: none;}
	.about_box .a_lt .a_icon ul{ text-align: center;;}
	.about_box .a_lt .a_icon ul li{ width: 150px; float: none; display: inline-block;}
	.about_box .a_lt .a_icon ul li a font{float: none; line-height: 30px; width: 100%; font-size: 14px;}
	.about_box .a_lt .a_icon ul li a .icon{ margin: 0 auto 5px; float: none;}
	
}




.link_box{ height: auto; overflow: hidden; padding:40px 0 35px;}
.link_box .l_title{ font-size: 30px; color: #91c671; float: left; font-weight: bold; line-height: 30px;}
.link_box .link_t{ float: left; padding-left: 20px;}
.link_box .link_t a{ color:#888; padding-left: 5px; line-height: 30px; transition: 0.5s;}
.link_box .link_t a:hover{ color: #666; text-decoration: underline; transition: 0.5s;}




.f_nav{ height: 50px; line-height: 50px; overflow: hidden; background: #61ad33;}
.f_nav ul{ margin: 0; padding: 0; text-align: center;}
.f_nav ul li{ width: 174px; float: left; background: url(../images/f_nav_line.png) no-repeat right center;}
.f_nav ul li a{ color: #FFF; font-size: 16px;}
.f_nav ul li:last-child{ background:none; }
.f_nav ul li:hover a{ text-decoration: underline;}





.footer{ height: auto; overflow: hidden; background: #333 url(../images/f_bg.png) center top no-repeat; padding: 40px 0;}

.footer .f_logo{ width: 200px; float: left;}
.footer .f_link{ width: 160px; float: left; margin-left:80px; border-right: 1px solid rgba(255,255,255,0.12);}
.footer .f_link b{ display: block; font-size: 18px; color: #fff;}
.footer .f_link ul{ margin:15px 0 0 1px; padding: 0;}
.footer .f_link ul li{ line-height: 24px;}
.footer .f_link ul li a{ color:rgba(255,255,255,0.6);}
.footer .f_link ul li:hover a{ color:rgba(255,255,255,1); text-decoration: underline;}

.footer .f_erweima{ width: 128px; float: right;}
.footer_bq{ padding: 20px 0; height: auto; overflow: hidden; color: #888888;}
.footer_bq a{ padding-left: 15px; color: #999;}
.footer_bq a:hover{ text-decoration: underline;}



@media (max-width:1500px){	
	
	.f_nav ul li{ width: 150px;}	
	.footer .f_link{ width: 140px; float: left; margin-left:60px; border-right: 1px solid rgba(255,255,255,0.12);}
}




/*悬浮*/
.fixed {width: 76px;height: auto;position: fixed;right: 10px;bottom: 30px;z-index: 999;display: block;}
.fixed a {display: block;color: #888;margin-bottom: 1px;}
.fixed .silder1 {width: 76px;height: 80px;background-repeat: no-repeat;background-position: center;position: relative;}
.fixed .silder1 .silder1_box {width: auto;position: absolute;right: 90px;top: 20px;opacity: 0;transition: .6s;visibility: hidden;background: #91c671;padding: 0 20px;height: 50px;line-height: 50px;color: #fff;border-radius: 50px;}
.fixed .silder1:hover .silder1_box {right: 76px;opacity: 1;z-index: 999;visibility: visible;}
.fixed .silder2 {width: 76px;height: 76px;position: relative;}
.fixed .silder2 .silder2_box {width: 150px;position: absolute;right: 90px;top: 14px;opacity: 0;transition: .6s;visibility: hidden;background: #91c671;padding: 0 20px;height: 50px;line-height: 50px;color:#fff;border-radius: 50px;}
.fixed .silder2:hover .silder2_box {right: 76px;opacity: 1;z-index: 999;visibility: visible;}
.fixed .silder3 {width: 76px;height: 76px;position: relative;}
.fixed .silder3 .silder3_box {position: absolute;right: 100px;top: -2px;opacity: 0;transition: .6s;visibility: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 1px 1px 20px rgba(0,0,0,0.05);border: 4px solid #FFF;}
.fixed .silder3 .silder3_box img {display: block;width: 175px;}
.fixed .silder3:hover .silder3_box {right: 90px;opacity: 1;z-index: 999;visibility: visible;}
.fixed .scroll {width: 76px;height: 80px;cursor: pointer;transition: 0.5s;}
.fixed .scroll:hover {opacity: 0.2;}



.app_botm{ overflow:hidden; background:#91c671; position:fixed; bottom:0; left:0; right:0; height:58px; z-index:999999; display: none; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.app_botm ul{ margin:0; padding:8px 0 0; text-align:center;}
.app_botm ul li{ width:30%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}
.app_botm ul li a font{ display: block; font-size: 12px;}

@media (max-width:720px){
	
	.link_box{ padding:20px 0;}
	.link_box .l_title{ font-size: 26px;}
	.f_nav,.footer{ display: none;}
	.footer_bq{text-align: center; background: #f3f3f3; margin-bottom:52px;}
	.footer_bq a{ padding-left: 0;text-align: center; display: block;}
	.fixed{ display: none;}
	.app_botm{ display: block;}
	
}








.com_ban{ width: 100%; height: 350px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}

.common{ height: auto; overflow: hidden; margin: 50px auto; width: 1400px;}


.com_left{ width:260px; float:left;}

.com_left .com_lt_list{ height: auto; overflow: hidden;}
.com_left .com_lt_list .list_t{ height: 100px; background:#333333;}
.com_left .com_lt_list .list_t b{ display: block; font-size: 32px; color: #fff; line-height: 100px; padding-left:24px;}
.com_left .com_lt_list ul{ margin: 0; padding: 0;}
.com_left .com_lt_list ul li{ height: auto; line-height: 56px; background-color: #f3f3f3; margin-top: 3px; transition: 0.5s; background-repeat: no-repeat; background-position: 212px top;}
.com_left .com_lt_list ul li a{ color: #666; font-size: 18px; padding-left: 24px;display:block;font-weight: bold;}
.com_left .com_lt_list ul li:hover{ background-color: #91c671; background-position: 212px bottom; transition: 0.5s;}
.com_left .com_lt_list ul li:hover a{ color: #252121;}

.com_left .com_lt_con{ height: auto; overflow: hidden; background: #f3f3f3 url(../images/contact_bg.png) no-repeat center bottom; padding: 30px 20px 30px 24px;  margin-top: 10px;}
.com_left .com_lt_con .con_img{ width: 213px; height: 44px;}
.com_left .com_lt_con .con_desc{ line-height: 30px; font-size: 16px; padding: 20px 0;}



.com_left .com_lt_list ul li ul li{ height: 40px; line-height: 40px; background-color: #f3f3f3; margin-top: 3px; transition: 0.5s; background-repeat: no-repeat; background-position: 212px top;}
.com_left .com_lt_list ul li ul li a{ color: #666; font-size: 14px; padding-left: 40px;display:block;font-weight:normal;}
.com_left .com_lt_list ul li ul li :hover{ background-color: #91c671; background-position: 212px bottom; transition: 0.5s;}
.com_left .com_lt_list ul li ul li :hover a{ color: #FFF;}

.com_left .com_lt_con{ height: auto; overflow: hidden; background: #f3f3f3 url(../images/contact_bg.png) no-repeat center bottom; padding: 30px 20px 30px 24px;  margin-top: 10px;}
.com_left .com_lt_con .con_img{ width: 213px; height: 44px;}
.com_left .com_lt_con .con_desc{ line-height: 30px; font-size: 16px; padding: 20px 0;}






.com_right{ width:1095px; float:right; line-height: 30px;}

.com_nav{ overflow:hidden; padding:0 0 10px; border-bottom:1px solid #d4d4d4; margin-bottom:20px;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:28px; line-height:28px;}
.com_nav ul li a{ padding:0 2px; color:#999; font-size:14px;}
.com_nav ul li:first-child{ background:url(../images/h_icon.png) no-repeat; padding-left:30px;}
.com_nav ul li:last-child a{ color:#666; font-size:16px;}



.com_desc{ overflow:hidden; padding:0; line-height:30px;}
.com_desc font{ display: block; font-size: 24px; line-height: 50px;}

.com_desc .c_d_img{ margin: 20px 0;}
.com_desc .c_d_img img{ max-width: 100%;}




.com_news{ height: auto; overflow: hidden;}

.com_news ul {margin:0;padding: 0;}
.com_news ul li {height: auto;overflow: hidden; border-bottom: 1px solid #e3e3e3; padding: 25px 0;transition: 0.5s;}
.com_news ul li a {display: block;color: #999;}
.com_news ul li a .com_n_date {width:60px; float: left; padding-left: 15px;}
.com_news ul li a .com_n_date b {display: block;font-size:48px;color: #cacaca;line-height: 50px;}
.com_news ul li a .com_n_date span {display: block;color: #cacaca;font-size: 12px; line-height: 18px; letter-spacing: 2px;}
.com_news ul li a .com_n_desc {width:995px;float: right;}
.com_news ul li a .com_n_desc font {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;line-height: 36px;color: #666;}
.com_news ul li a .com_n_desc span {display: block;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.com_news ul li a .com_n_desc i { color: #91c671; font-style: normal;}

.com_news ul li:hover{ background: #f9f9f9; transition: 0.5s;}



.com_product{height: auto; overflow: hidden; margin-top: 30px;}
.com_product ul{ margin: 0; padding: 0; height: auto; overflow: hidden;}
.com_product ul li{ width: 240px; height: auto; overflow: hidden; float: left; margin:0 33px 10px 0;}
.com_product ul li a{ color: #888; font-size: 16px;}
.com_product ul li a .p_img{ width: 200px; height:158px; overflow: hidden; padding: 20px; background: #f3f3f3;transition: 0.5s;}
.com_product ul li a .p_img img{ max-width: 100%;}
.com_product ul li a font{ display:block; padding: 12px 0; line-height: 30px; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.com_product ul li:hover a .p_img { background: #e4e4e4; transition: 0.5s;}
.com_product ul li:hover a{ color: #91c671; text-decoration: underline; }



@media (max-width:1500px){	
	
	.common{ margin: 60px auto; width: 1200px;}

	.com_right{ width:900px;}
	.com_news ul li {padding: 18px 0;}
	.com_news ul li a .com_n_desc {width:795px;}	
	.com_product ul li{ width: 200px; margin:0 25px 5px 0;}
	.com_product ul li a .p_img{ padding: 0;}
	
}


@media (max-width:720px){	
	
	.com_ban,.com_left{ display:none;}
	.common{ width:96%; padding:0 2%; margin:0 0 20px;}
	.com_nav{  border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:10px 0;  margin:2px auto 20px;}
	.com_right{ width:100%; float:none; line-height:26px;}
	.com_left .com_lt_con .con_desc{  padding: 10px 0;}
	
	.com_news ul {margin: 0 0 10px;padding: 0;}
	.com_news ul li {height: auto;overflow: hidden; border-bottom: 1px solid #e3e3e3; padding: 14px 0;}
	.com_news ul li a .com_n_date {width:auto; float: none; padding-left: 0;}
	.com_news ul li a .com_n_date b {font-size:18px;line-height: 20px;}
	.com_news ul li a .com_n_date span { line-height: 16px;}
	.com_news ul li a .com_n_desc {width:auto;float: none;}
	.com_news ul li a .com_n_desc font {font-size: 16px;line-height: 28px;}
	
	.com_news ul li:hover{ background: #FFF;}
	
	
	.com_product ul li{ width: 31%; margin: 0 1%;}
	.com_product ul li a{ color: #888; font-size: 16px;}
	.com_product ul li a .p_img{ width: auto; height: auto; overflow: hidden; padding: 0; background: #FFF;}
	.com_product ul li a .p_img img{ max-width: 100%;}
	.com_product ul li a font{ padding:0 0 15px; line-height: 24px; font-size: 14px;}
	.com_product ul li:hover a .p_img { background: #e4e4e4; transition: 0.5s;}
	.com_product ul li:hover a{ color: #91c671; text-decoration: underline; }

	
}




.cms1 h1.h1{
	font-size: 24px;
	font-weight: lighter; text-align:center;
}
.cms1 .info{
	text-align:center;
	font-size: 14px;
	color: #999999;
}
.cms1 .content{
	font-size: 16px;
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px; color:#333333;
}
.cms1 .content *{ max-width:100%;}



.back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right;line-height:35px;}
.back a{
	display:inline-block;
	background-color:#91c671;
	color: #FFFFFF; padding-left:25px; padding-right:25px; font-size:14px;
}
.nextpage div{
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}

.pagination{ clear:both; text-align:center; padding-top:15px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:10px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#91c671; color:#FFFFFF}

.pagination li a{ color:#333333}